<template>
  <div id="dept-detail">
      <p class="item">部门名称：{{initData.name}}</p>
      <p class="item">上级部门：{{initData.parentName}}</p>
      <p class="item">所属区域：{{initData.areaName}}</p>
      <p class="item">排序：{{initData.sort}}</p>
      <p class="item">创建时间：{{initData.createDate}}</p>
  </div>
</template>
<script>
export default {
    props:{
      initData:{
        type:Object,
        default:()=>{},
        required:false,
      },
    },
    data(){
      return{
        

      }
    },
    watch:{
      initData(newVal){
        
      }
    },
    methods:{

    }
};
</script>
<style scoped lang="scss">
#dept-detail{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding:10px 20px;
  .item{
    flex-basis: 40%;
    margin:10px;
  }

}
</style>
